File manager

File manager - Edit - /home/autoph/public_html/projects/golf/public/assets/js/event/joined.js

Back
/* * Author: Clarence A Andaya * Date: June 08 2022 / //Only const Variable Here (function () { "use strict"; //Logic,Variables, Functions Here var myList = null; var search_type_filter = []; var user_id = ""; const $UserForm = $("#UserForm"); const $TeamForm = $("#TeamForm"); const $AwardForm = $("#AwardForm"); const $EventForm = $("#EventForm"); const $tableList = $("#tableList"); var create_from_mate = false; var save_close = false; function delay(callback, ms) { var timer = 0; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { callback.apply(context, args); }, ms \|\| 0); }; } function initActionAttendance() { myList.on("click", "[data-action-attendance]", function () { var data = myList.row(this).data(); if (typeof data === "undefined" \|\| data == null) { var row = $(this).closest("tr"); data = myList.row(row).data(); } // $("[data-action-attendance]").each(function () { // $(this).on("click", function () { // var row = $(this).closest("tr"); // var data = myList.row(row).data().id; // console.log(data); // return false; // const id = myList.row(row).data().id; //$(this).attr('data-action-remove'); Swal.fire({ title: "Are you sure, you want to time in this player to this event?", text: "", icon: "warning", showCancelButton: true, confirmButtonColor: "#3085d6", cancelButtonColor: "#d33", confirmButtonText: "Yes", showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: update_user_attendance_uri, data: { id: data.player_id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { toast("info", "Updating..."); }, success: function (result) { if (parseInt(result.status) === 1) { toast("success", result.message); myList.draw(false); } else { toast("error", result.message); } }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } }); }); // }); } function initActionRemoveAttendance() { myList.on("click", "[data-action-remove-attendance]", function () { var data = myList.row(this).data(); if (typeof data === "undefined" \|\| data == null) { var row = $(this).closest("tr"); data = myList.row(row).data(); } Swal.fire({ title: "Are you sure, you want to remove this player attendance to this event?", text: "", icon: "warning", showCancelButton: true, confirmButtonColor: "#3085d6", cancelButtonColor: "#d33", confirmButtonText: "Yes", showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: update_user_attendance_uri, data: { id: data.player_id, remove: true, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { toast("info", "Updating..."); }, success: function (result) { if (parseInt(result.status) === 1) { toast("success", result.message); myList.draw(false); } else { toast("error", result.message); } }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } }); }); } function initActionRemove() { myList.on("click", "[data-action-remove]", function () { var data = myList.row(this).data(); if (typeof data === "undefined" \|\| data == null) { var row = $(this).closest("tr"); data = myList.row(row).data(); } // }); // $("[data-action-remove]").each(function () { // $(this).on("click", function () { // var row = $(this).closest("tr"); // var data = myList.row(row).data().id; // console.log(data); // return false; // const id = myList.row(row).data().id; //$(this).attr('data-action-remove'); Swal.fire({ title: "Are you sure, you want to remove this player to this event?", text: "", icon: "warning", showCancelButton: true, confirmButtonColor: "#3085d6", cancelButtonColor: "#d33", confirmButtonText: "Yes, remove it!", showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: update_user_event_status_uri, data: { id: data.player_id, status: 0, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { toast("info", "Updating..."); }, success: function (result) { toast("success", result.message); myList.draw(false); }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } }); }); } function eventFormStatus(status) { if (status) { $( "#EventForm :input:not(#user):not(.modal-cancel):not(.close):not(.btn_add_user)" ).prop("disabled", status); } else { $("#EventForm :input").prop("disabled", status); } } function resetPlayerForm() { $('select[name="mate"]').empty().trigger("change"); $('select[name="team"]').empty().trigger("change"); $("select[name='course'] option:first") .prop("selected", true) .trigger("change"); $("select[name='division'] option:first") .prop("selected", true) .trigger("change"); $("select[name='course_n'] option:first") .prop("selected", true) .trigger("change"); $("select[name='flight_n'] option:first") .prop("selected", true) .trigger("change"); $("select[name='registration_type'] option:first") .prop("selected", true) .trigger("change"); $("select[name='registration_status'] option:first") .prop("selected", true) .trigger("change"); } function initActionQr() { myList.on("click", "[data-action-qr]", function () { var data = myList.row(this).data(); if (typeof data === "undefined" \|\| data == null) { var row = $(this).closest("tr"); data = myList.row(row).data(); } // $("[data-action-qr]").each(function () { // $(this).on("click", function () { // var row = $(this).closest("tr"); user_id = data.id; $("#user_qr").text("QR Code: " + data.name); $("#modal_qr").modal("show"); $(".modal-qr").attr( "src", user_qr_uri + "?id=" + user_id + "&event_id=" + id ); }); $("#modal_qr") .off("hidden.bs.modal") .on("hidden.bs.modal", function () { $(".modal-qr").removeAttr("src"); }); // }); } function initActionEvent() { myList.on("click", "[data-action-event]", function () { var data = myList.row(this).data(); if (typeof data === "undefined" \|\| data == null) { var row = $(this).closest("tr"); data = myList.row(row).data(); } // $("[data-action-event]").each(function () { // $(this).on("click", function () { // var row = $(this).closest("tr"); user_id = data.id; $("#selected_user").text(data.name); $("select[name='user']") .empty() .append(new Option("selected", user_id, false, false)) .trigger("change"); $(".user_section").hide(); $("#modal_event").modal("show"); }); } function initActionAward() { myList.on("click", "[data-action-award]", function () { var data = myList.row(this).data(); if (typeof data === "undefined" \|\| data == null) { var row = $(this).closest("tr"); data = myList.row(row).data(); } user_id = data.id; $("#selected_user_award").text(data.name); claimCount(); mulliganCount(); $("#modal_award").modal("show"); }); } function initList() { //search $("#txt_search").on( "keyup", delay(function (e) { myList.search($("#txt_search").val()).draw(); }, 500) ); const search_type_default = "Name"; const search_types = ["ID", "Name", "Email", "Mobile"]; $.each(search_types, function (i, n) { $(".product-search-type").append( `<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` + n + `</span></li>` ); }); $(".product-search-type li").each(function () { if ($(this).text() == search_type_default) { $(this).removeClass("active").addClass("active"); var active_items_arr = []; active_items_arr.push(search_type_default); search_type_filter = JSON.stringify(active_items_arr); } $(this).on("click", function () { //remove all selected menu $(".product-search-type") .find("li.active") .map(function () { $(this).removeClass("active"); }); $(this).toggleClass("active"); var active_items = $(".product-search-type") .find("li.active") .map(function () { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function (i, n) { active_items_arr.push(n.status); }); search_type_filter = JSON.stringify(active_items_arr); // refreshOrcrPlateTable(); // if ($('#txt_search').val() != '') { myList.draw(false); // } }); }); // Delete a record $tableList.on("click", "td.table-action > a action-delete", function (e) { e.preventDefault(); }); var cols = [ { title: "ID", data: "id", className: "align-middle p-1 dt-center", orderable: true, width: "5%", }, { title: "Name", data: "name", className: "align-middle p-1 dt-left", orderable: true, render: function (data, type, row, meta) { return ( `<a data-action-qr style="color: #007bff; cursor:pointer; text-decoration: underline;">` + row.name + `</a>` ); }, width: "20%", }, { title: "Mobile", data: "mobile", className: "align-middle p-1 dt-center", orderable: true, width: "10%", render: function (data, type, row, meta) { return ( `<a href="tel:` + row.mobile + `" style="cursor:pointer; text-decoration: underline;">` + row.mobile + `</a>` ); }, }, { title: "Email", data: "email", className: "align-middle p-1 dt-center wrap", orderable: true, width: "15%", render: function (data, type, row, meta) { return ( `<a href="mailto:` + row.email + `" style="cursor:pointer; text-decoration: underline;">` + row.email + `</a>` ); }, }, { title: "Status", data: "registration_type", className: "align-middle p-1 dt-center", orderable: true, width: "10%", render: function (data, type, row, meta) { var rendered_data = ""; switch (row.registration_type) { case "invited": rendered_data = `<span class="text-sm badge badge-primary font-weight-normal">Invited</span>`; break; case "paid": rendered_data = `<span class="text-sm badge badge-success font-weight-normal">Paid</span>`; break; case "unpaid": rendered_data = `<span class="text-sm badge badge-danger font-weight-normal">Unpaid</span>`; break; } return rendered_data; }, }, { title: "Registration", data: "registration_status", className: "align-middle p-1 dt-center", orderable: true, render: function (data, type, row, meta) { var rendered_data = ""; switch (row.registration_status) { case "unregistered": rendered_data = `<span class="text-sm badge badge-danger font-weight-normal">Unregistered</span>`; break; case "registered": rendered_data = `<span class="text-sm badge badge-success font-weight-normal">Registered</span>`; break; } return rendered_data; }, width: "10%", }, { title: "Date Added", data: "created_at", className: "align-middle p-1 dt-center", orderable: true, width: "10%", }, { title: "Time In", data: "attendance", className: "align-middle p-1 dt-center", orderable: true, width: "10%", render: function (data, type, row, meta) { if (row.attendance) { return row.attendance; } else { return `<span data-action-attendance class="text-sm badge badge-primary font-weight-normal cursor-pointer">Time In</span>`; } }, }, { title: "Booth", data: "attendance", className: "align-middle p-1 dt-center " +klas, orderable: true, width: "10%", render: function (data, type, row, meta) { return `<a id="btn_booth" data-action-booth data-id=`+row.player_id+` class="btn btn-primary btn-sm mr-2" role="button"><i class="fas fa-box"></i> Booth</a>`; } }, { title: "Action", data: null, orderable: false, width: "15%", className: "align-middle p-1 dt-center", render: function (data, type, row, meta) { return ` <div class="row justify-content-center"> <a data-action-award style="cursor:pointer;" class="text-white m-1 btn btn-sm btn-warning btn-icon" title="Mulligans and Awards"><i class="fa fa-award"></i></a> <a data-action-event style="cursor:pointer;" class="m-1 btn btn-sm btn-primary btn-icon" title="Edit"><i class="fa fa-pen"></i></a> <a data-action-remove style="cursor:pointer;" class="m-1 btn btn-sm btn-danger btn-icon" title="Remove"><i class="fa fa-trash"></i></a> </div> `; }, }, ]; myList = $tableList.DataTable({ // fnInitComplete: function() { // initActionRemove(); // }, fnDrawCallback: function () { dashboard(); }, // columnDefs: [{ // width: 200, // targets: 0 // }], / Disable initial sort / order: [[1, "asc"]], retrieve: true, columns: cols, // data: data, paging: true, lengthChange: false, searching: true, // ordering: true, pageLength: 10, info: true, autoWidth: false, responsive: true, processing: true, fixedColumns: true, serverSide: true, // ajax: "/admin/products/list", ajax: { url: list_uri, data: function (d) { return $.extend({}, d, { search_type: search_type_filter, id: id, course: $('select[name="filter_course"]').val(), division: $('select[name="filter_division"]').val(), course_n: $('select[name="filter_course_n"]').val(), flight_n: $('select[name="filter_flight_n"]').val(), }); }, }, sDom: "lrtip", }); } function tableEvents() { initActionAttendance(); initActionRemoveAttendance(); initActionRemove(); initActionEvent(); initActionAward(); initActionQr(); } function claimCount() { $.ajax({ url: claim_count_uri, data: { player_id: user_id, event_id: id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { $(".claim_counter").text("Loading..."); }, success: function (result) { $(".claim_counter").text(result.count); }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } function mulliganCount() { $.ajax({ url: mulligan_count_uri, data: { player_id: user_id, event_id: id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { $("#mulligan").val("Loading..."); }, success: function (result) { $("#mulligan").val(result.count); }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } function dashboard() { $.ajax({ url: dashboard_uri, data: { csrf_token: $("meta[name='csrf-token']").attr("content"), course: $('select[name="filter_course"]').val(), division: $('select[name="filter_division"]').val(), course_n: $('select[name="filter_course_n"]').val(), flight_n: $('select[name="filter_flight_n"]').val(), }, type: "POST", dataType: "json", beforeSend: function () {}, success: function (result) { $.each(result.data, function (i, v) { // console.log(i); // console.log(v); $("#dash_" + i).text(v); }); }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } $(function () { initList(); tableEvents(); $( 'select[name="filter_division"],select[name="filter_course"],select[name="filter_course_n"],select[name="filter_flight_n"]' ).on("change", function (event) { myList.draw(false); }); $('select[name="user"]').select2({ theme: "bootstrap4", language: { noResults: function () { return "Search name."; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Please Select", ajax: { url: user_options_uri, dataType: "json", delay: 250, data: function (data) { return { search: data.term, exclude_id: 0, limit: 15, }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $('select[name="mate"]').select2({ theme: "bootstrap4", language: { noResults: function () { return "Search name."; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Please Select", ajax: { url: user_mate_options_uri, dataType: "json", delay: 250, data: function (data) { return { search: data.term, exclude_id: user_id, event_id: id, limit: 15, course: $('select[name="course_n"]').val(), flight: $('select[name="flight_n"]').val(), course_cat: $('select[name="course"]').val(), }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $('select[name="team"]').select2({ theme: "bootstrap4", language: { noResults: function () { return "Search team."; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Please Select", ajax: { url: team_options_uri, dataType: "json", delay: 250, data: function (data) { return { search: data.term, event_id: id, limit: 15, }; }, processResults: function (response) { return { results: response, }; }, cache: true, }, }); $('select[name="user"]').on("change", function (event) { resetPlayerForm(); if (!isEmpty($(this).val()) && parseInt($(this).val())) { user_id = $(this).val(); eventFormStatus(false); // fetch any existing player $.ajax({ url: fetch_player_uri, data: { user_id: user_id, event_id: id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () {}, success: function (result) { if (result.length === 0) { return false; } if (result.team_id) { $("select[name='team']") .empty() .append( new Option(result.team_name, result.team_id, false, false) ) .trigger("change"); } if (result.partner_id) { $("select[name='mate']") .empty() .append( new Option( result.partner_name, result.partner_id, false, false ) ) .trigger("change"); } $("select[name='course']").val(result.course_id).trigger("change"); $("select[name='division']") .val(result.division_id) .trigger("change"); $("select[name='course_n']").val(result.course).trigger("change"); $("select[name='flight_n']").val(result.flight).trigger("change"); $("select[name='registration_type']") .val(result.registration_type) .trigger("change"); $("select[name='registration_status']") .val(result.registration_status) .trigger("change"); }, error: function () {}, }); } else { eventFormStatus(true); // event_id = ""; } }); $("#btn_add_team").on("click", function () { $("input[name=team_name]").val(""); $("#modal_team").modal("show"); $("input[name=team_name]").trigger("focus"); }); $(document).on("click", ".dropdown-filter,.daterangepicker", function (e) { e.stopPropagation(); }); const $btn_add_mate = $("#btn_add_mate"); $btn_add_mate.on("click", function () { create_from_mate = true; $UserForm.trigger("reset"); $("#modal_user").modal("show"); $("input[name=firstname]").trigger("focus"); }); const $btn_add_user = $("#btn_add_user"); $btn_add_user.on("click", function () { create_from_mate = false; $UserForm.trigger("reset"); $("#modal_user").modal("show"); $("input[name=firstname]").trigger("focus"); }); const $btn_create = $("#btn_create"); $btn_create.on("click", function () { $(".user_section").show(); resetPlayerForm(); $('select[name="user"]').empty().trigger("change"); eventFormStatus(true); $("#modal_event").modal("show"); }); $("#div_event_date").datetimepicker({ format: "L", }); $("[data-mask]").inputmask(); $("#reload-list").on("click", function () { myList.draw(false); }); $("#filter-list").on("click", function () { $("#filter-list-section").toggleClass("hidden"); }); $TeamForm.validate({ rules: { team_name: { required: true, }, }, messages: {}, errorElement: "span", errorPlacement: function (error, element) { error.addClass("invalid-feedback"); element.closest(".form-group").append(error); }, highlight: function (element, errorClass, validClass) { $(element).addClass("is-invalid"); }, unhighlight: function (element, errorClass, validClass) { $(element).removeClass("is-invalid"); }, submitHandler: function () { // check has selected type var $form = $TeamForm[0]; var formData = new FormData($form); // formData.append("add_anyway", orcr_plate_add_anyway); formData.append("event_id", id); formData.append( "csrf_token", $("meta[name='csrf-token']").attr("content") ); $.ajax({ url: create_team_uri, data: formData, type: "POST", dataType: "json", contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+) processData: false, // NEEDED, DON'T OMIT THIS beforeSend: function () { toastr.remove(); toastr.info("Saving data."); $("#btn_save_team").prop("disabled", true); }, success: function (result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success("Data successfully saved."); var newOption = new Option( result.name, result.team_id, false, false ); $("select[name='team']") .empty() .append(newOption) .trigger("change"); $("#modal_team").modal("hide"); } else if (parseInt(result.status) === 2) { toastr.remove(); toastr.error(result.message); } else { toastr.remove(); toastr.error(result.message); } $("#btn_save_team").prop("disabled", false); }, error: function () { toastr.remove(); toastr.error("Error has occurred. Try again."); $("#btn_save_team").prop("disabled", false); }, }); }, }); $AwardForm.validate({ rules: { mulligan: { digits: true, min: 1, }, }, messages: { mulligan: { min: "minimum is 1", }, }, errorElement: "span", errorPlacement: function (error, element) { error.addClass("invalid-feedback"); element.closest(".form-group").append(error); }, highlight: function (element, errorClass, validClass) { $(element).addClass("is-invalid"); }, unhighlight: function (element, errorClass, validClass) { $(element).removeClass("is-invalid"); }, submitHandler: function () { // check has selected type var $form = $AwardForm[0]; var formData = new FormData($form); // formData.append("add_anyway", orcr_plate_add_anyway); formData.append("event_id", id); formData.append("player_id", user_id); formData.append( "csrf_token", $("meta[name='csrf-token']").attr("content") ); $.ajax({ url: update_mulligan_count, data: formData, type: "POST", dataType: "json", contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+) processData: false, // NEEDED, DON'T OMIT THIS beforeSend: function () { toastr.remove(); toastr.info("Saving data."); $("#btn_save_award").prop("disabled", true); $("#btn_save_award_close").prop("disabled", true); }, success: function (result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success("Data successfully saved."); if (save_close) { save_close = false; $("#modal_award").modal("hide"); } } else { toastr.remove(); toastr.error(result.message); } $("#btn_save_award").prop("disabled", false); $("#btn_save_award_close").prop("disabled", false); }, error: function () { toastr.remove(); toastr.error("Error has occurred. Try again."); $("#btn_save_award").prop("disabled", false); $("#btn_save_award_close").prop("disabled", false); }, }); }, }); $UserForm.validate({ rules: { firstname: { required: true, }, lastname: { required: true, }, email: { email: true, }, mobile: { digits: true, minlength: 5, }, }, messages: {}, errorElement: "span", errorPlacement: function (error, element) { error.addClass("invalid-feedback"); element.closest(".form-group").append(error); }, highlight: function (element, errorClass, validClass) { $(element).addClass("is-invalid"); }, unhighlight: function (element, errorClass, validClass) { $(element).removeClass("is-invalid"); }, submitHandler: function () { // check has selected type var $form = $UserForm[0]; var formData = new FormData($form); // formData.append("add_anyway", orcr_plate_add_anyway); formData.append( "csrf_token", $("meta[name='csrf-token']").attr("content") ); $.ajax({ url: create_users_uri, data: formData, type: "POST", dataType: "json", contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+) processData: false, // NEEDED, DON'T OMIT THIS beforeSend: function () { toastr.remove(); toastr.info("Saving data."); $("#btn_save").prop("disabled", true); }, success: function (result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success("Data successfully saved."); $("#modal_user").modal("hide"); if (create_from_mate) { $("select[name='mate']") .empty() .append(new Option(result.name, result.id, false, false)) .trigger("change"); } else { $("select[name='user']") .empty() .append(new Option(result.name, result.id, false, false)) .trigger("change"); } } else { toastr.remove(); toastr.error(result.message); } $("#btn_save").prop("disabled", false); }, error: function () { toastr.remove(); toastr.error("Error has occurred. Try again."); $("#btn_save").prop("disabled", false); }, }); }, }); $EventForm.validate({ rules: { event: { required: true, min: 1, }, }, messages: { team: "This field is required.", }, errorElement: "span", errorPlacement: function (error, element) { error.addClass("invalid-feedback"); element.closest(".form-group").append(error); }, highlight: function (element, errorClass, validClass) { $(element).addClass("is-invalid"); }, unhighlight: function (element, errorClass, validClass) { $(element).removeClass("is-invalid"); }, submitHandler: function () { // check has selected type var $form = $EventForm[0]; var formData = new FormData($form); // formData.append("add_anyway", orcr_plate_add_anyway); formData.append("user_id", user_id); formData.append( "csrf_token", $("meta[name='csrf-token']").attr("content") ); $.ajax({ url: create_add_to_evt_uri, data: formData, type: "POST", dataType: "json", contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+) processData: false, // NEEDED, DON'T OMIT THIS beforeSend: function () { toastr.remove(); toastr.info("Saving data."); $("#btn_save_event").prop("disabled", true); }, success: function (result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success("Data successfully saved."); // var newOption = new Option(result.name, result.id, false, false); // $('select[name="team"]').empty().trigger("change"); // $("select[name='team']").append(newOption).trigger("change"); myList.draw(false); $("#modal_event").modal("hide"); } else { toastr.remove(); toastr.error(result.message); } $("#btn_save_event").prop("disabled", false); }, error: function () { toastr.remove(); toastr.error("Error has occurred. Try again."); $("#btn_save_event").prop("disabled", false); }, }); }, }); $("#btn_save_award_close").on("click", function () { save_close = true; }); $("#btn_claim_gift").on("click", function () { Swal.fire({ title: "Claim participant gift rewards?", text: "", icon: "warning", showCancelButton: true, confirmButtonColor: "#3085d6", cancelButtonColor: "#d33", confirmButtonText: "Yes, claim it!", showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: create_user_reward, data: { player_id: user_id, event_id: id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { toast("info", "Updating..."); }, success: function (result) { if (parseInt(result.status) == 1) { toast("success", result.message); claimCount(); } else { toast("error", result.message); } }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } }); }); $(".add_mulligan").on("click", function () { var mulligan = parseInt($("#mulligan").val()) \|\| 0; mulligan += 1; $("#mulligan").val(mulligan); }); $(".remove_mulligan").on("click", function () { var mulligan = parseInt($("#mulligan").val()) \|\| 0; mulligan -= 1; $("#mulligan").val(mulligan); }); $(".clear_mulligan").on("click", function () { $("#mulligan").val(""); }); $("#btn_save_qr").on("click", function () { saveAs($(".modal-qr").attr("src"), "" + user_id + "_" + id + ".png"); }); //comfig $(document).on("show.bs.modal", ".modal", function () { const zIndex = 1040 + 10 $(".modal:visible").length; $(this).css("z-index", zIndex); setTimeout(() => $(".modal-backdrop") .not(".modal-stack") .css("z-index", zIndex - 1) .addClass("modal-stack") ); }); $(document).on("select2:open", () => { document.querySelector(".select2-search__field").focus(); }); }); // modify function initActionBooth() { myList.on("click", "[data-action-booth]", function () { $("#modal_booth").modal("show"); $.ajax({ url: load_event_boot_uri, data: { player_id: $(this).data('id'), event_id: id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { // toast("info", "Updating..."); }, success: function (result) { // console.log(result); $("#booth_modal_body").empty(); var spanBtn=''; var divBtn=''; var divClaim =''; var lableClaimed = ''; $.each(result, function(i, v) { let divRow = $('<div></div>').addClass('row'); let divTitle = $('<div></div>').addClass('col-md-4 col-sm-6').text(v.boothName).css({ 'font-weight': 'bold', // Example CSS properties 'font-size': '20px' }); if(v.claimed_date==null) { divClaim = $('<div></div>').addClass('col-md-4 col-sm-6').text(v.claimed_date); divBtn = $('<div></div>').addClass('col-md-4 col-sm-6'); spanBtn = $('<span></span>').addClass('btn btn-primary btn_claim').text("claim").attr('data-player',v.player_id).attr('data-boot', v.booth_id); } else { lableClaimed = $('<span></span>').addClass('text-success').text("Claimed"); divClaim = $('<div></div>').addClass('col-md-4 col-sm-6').text(v.claimed_date); divBtn = $('<div></div>').addClass('col-md-4 col-sm-6'); spanBtn = $('<span></span>').addClass('btn btn-info btn_remove_claim').text("remove").attr('data-player',v.player_id).attr('data-boot', v.booth_id); $(divClaim).append('<br>',lableClaimed); } let hr = $('<hr>'); $(divBtn).append(spanBtn); $(divRow).append(divTitle, divClaim, divBtn); $("#booth_modal_body").append(divRow,hr); }); }, error: function () { toast("error", "Error has occurred. Try again."); }, }); }); } function claimBoot(){ $(document).on('click', '.btn_claim', function(){ let pid =$(this).data('player'); Swal.fire({ title: "Claim participant gift rewards?", text: "", icon: "warning", showCancelButton: true, confirmButtonColor: "#3085d6", cancelButtonColor: "#d33", confirmButtonText: "Yes, claim it!", showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: update_user_bootClaim_uri, data: { player_id: $(this).data('player'), event_id: id, booth_id : $(this).data('boot'), csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { toast("info", "Updating..."); }, success: function (result) { if (parseInt(result.status) == 1) { toast("success", result.message); refreshModalBooth(pid); // initActionBooth(); // RemoveclaimBoot(); } else { toast("error", result.message); } }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } });//swal }); } function RemoveclaimBoot(){ $(document).on('click', '.btn_remove_claim', function(){ let pid =$(this).data('player'); Swal.fire({ title: "Are you sure, you want to remove?", text: "", icon: "warning", showCancelButton: true, confirmButtonColor: "#3085d6", cancelButtonColor: "#d33", confirmButtonText: "Yes, remove it!", showClass: { backdrop: "swal2-noanimation", // disable backdrop animation popup: "", // disable popup animation icon: "", // disable icon animation }, hideClass: { popup: "", // disable popup fade-out animation }, }).then((result) => { if (result.isConfirmed) { $.ajax({ url: update_user_bootClaim_uri, data: { player_id: $(this).data('player'), event_id: id, booth_id : $(this).data('boot'), remove:true, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { toast("info", "Updating..."); }, success: function (result) { if (parseInt(result.status) == 1) { toast("success", result.message); refreshModalBooth(pid); // initActionBooth(); // claimBoot(); } else { toast("error", result.message); } }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } });//swal }); } function refreshModalBooth(player_id) { $.ajax({ url: load_event_boot_uri, data: { player_id: player_id, event_id: id, csrf_token: $("meta[name='csrf-token']").attr("content"), }, type: "POST", dataType: "json", beforeSend: function () { // toast("info", "Updating..."); }, success: function (result) { // console.log(result); $("#booth_modal_body").empty(); var spanBtn=''; var divBtn=''; var divClaim =''; var lableClaimed = ''; $.each(result, function(i, v) { let divRow = $('<div></div>').addClass('row'); let divTitle = $('<div></div>').addClass('col-md-4 col-sm-6').text(v.boothName).css({ 'font-weight': 'bold', 'font-size': '20px' }); if(v.claimed_date==null) { divClaim = $('<div></div>').addClass('col-md-4 col-sm-6').text(v.claimed_date); divBtn = $('<div></div>').addClass('col-md-4 col-sm-6'); spanBtn = $('<span></span>').addClass('btn btn-primary btn_claim').text("claim").attr('data-player',v.player_id).attr('data-boot', v.booth_id); } else { lableClaimed = $('<span></span>').addClass('text-success').text("Claimed"); divClaim = $('<div></div>').addClass('col-md-4 col-sm-6').text(v.claimed_date); divBtn = $('<div></div>').addClass('col-md-4 col-sm-6'); spanBtn = $('<span></span>').addClass('btn btn-info btn_remove_claim').text("remove").attr('data-player',v.player_id).attr('data-boot', v.booth_id); $(divClaim).append('<br>',lableClaimed); } let hr = $('<hr>'); $(divBtn).append(spanBtn); $(divRow).append(divTitle, divClaim, divBtn); $("#booth_modal_body").append(divRow,hr); }); }, error: function () { toast("error", "Error has occurred. Try again."); }, }); } $(document).ready(function(){ initActionBooth(); claimBoot(); RemoveclaimBoot(); //modify // const $btn_booth = $("#btn_booth"); // $btn_booth.on("click", function () { alert('fire') // // $(".user_section").show(); // // resetPlayerForm(); // // $('select[name="user"]').empty().trigger("change"); // // eventFormStatus(true); // $("#modal_booth").modal("show"); // }); }); })();

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0 | proxy | phpinfo | Settings